<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{color: rgb(246, 85, 11);}
        .parent p{color: black; font-size: 20px;background: lightblue;}
        *{
        margin: 0%;
        padding: 0%;
        }
    </style><!--页内样式--><!--*指选中页面中的所有-->
    <link rel="stylesheet" type="text/css" href="./标签.css">
</head>
<body>
    <div class="parent">
        <p>子元素</p>
        <p>子元素</p>
    </div>
    <p style="color: blue; font-size: 20px; font-family: 宋体;">这是一个段落元素</p><!--行内样式-->
<!--行内样式的优先级最高-->
<!--行内样式适用于个别元素样式微调-->
<!--某个网页独有样式可用页内样式，多个网页所以样式，不适由页内-->
    <p class="outer">这是另一个段落</p><!--外部样式-->
</body>
</html>
